<html>
 <head>
  <meta charset="UTF-8"/>
  <title>互联网宽带业务协议（2017-1版）</title>
  <style>
	*{ padding: 0; margin: 0;}
	body{ padding: 0; font-family: "Microsoft YaHei"; width: 720px; margin: 0 auto;}

	.page{ width: 720px; height: 1048px;}
	.blankheight{ width: 720px; height: 30px;}
	.contain{ width: 720px; height: 1048px;overflow: hidden;}
	.contain h2,h3,h4,h5{line-height: 20px; text-align: center; padding: 0; margin: 0;}
	.contain .fb{ font-weight: bold;}
	.contain  p{ line-height: 18px; font-size: 12px;padding: 0; margin: 0;}
	.contain table{ border-left: 1px solid #000; border-top: 1px solid #000; table-layout:fixed; word-break:break-strict;}
	.contain th{ border-right: 1px solid #000; border-bottom: 1px solid #000; font-size: 12px; text-align: center;}
	.contain td{ border-right: 1px solid #000; border-bottom: 1px solid #000; font-size: 12px; text-align: center;}
	.contain .bg{ background-color: yellow;}

	.title{ width: 720px; height: 40px;}
	.con01{ width: 720px; height: 868px;}
	.con02{ width: 720px; height: 150px;}
	.qz{ width: 720px; height: 50px;}
	.qz01{ width: 355px; height: 50px; padding-left: 5px; float: left;}
	.qz02{ width: 360px; height: 50px; float: left;}

	.esopcontain {font-size: 12px; width: 720px; height: 1048px; overflow:hidden;}
	.esopcontain .fb{ font-weight: bold;}
	.esopcontain  p{padding: 0; margin: 0;}

	table{
		table-layout:fixed; word-break:break-strict; 
	}
	@page {
	size: A4;
	font-family: "Microsoft YaHei";
	font-size: 12px;
	margin: 0.25in;
	padding: 1em;
	 @bottom-center {
					font-family: "Microsoft YaHei";
					font-size: 12px;
                    content:  counter(page) " / " counter(pages);     
              }
			@bottom-right {
					font-family: "Microsoft YaHei";
					font-size: 12px;
                    content: "本协议内容手写无效";     
              }  			  
	}
  </style>
 </head>
 <body>
  <#if (page_count?? && page_count>1)>
  <#list esop_pages as page>
   <div class="page">
	  <div class="esopcontain">
	  <div class="title"></div>
		${page!""}
	  </div>
	</div>
  </#list>
  </#if>
 </body>
</html>

